.flex {
	display: flex;
}
.flex-row {
	flex-direction: row;
}
.flex-1 {
	flex: 1 1 0%;
}
.flex-wrap {
  flex-wrap: wrap;
}
.self-center {
	align-self: center;
}
.sect-product-single {
	margin: 6rem auto;
	padding: 0;
	max-width:1124px;
}
.col-right-sp {
	padding: 2rem;
}
.categ-sp {
	font-size:0.85rem;
	text-transform: uppercase;
}
.col-right-sp h1 {
	font-size:1.5rem;
	font-style: italic;
	color: #707070;
}
.price-sp {
	font-size: 1.5rem;
	font-weight: 700;
	color: black;
	margin-top:1rem;
}
.quantity-sp {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.quantity-sp .plus, .quantity-sp .minus {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0;
	background: #ffffff;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em;
	cursor: pointer;
}
.quantity-sp input[type="number"] {
	border: 0;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0;
	width: auto !important;
	height: 40px;
	max-width: 45px;
}
.content-img-sp {
	max-width: 390px;
	width: 390px;
}
.content-img-sp img {
	width: 100%;
	min-width: 390px;
	  height: 100% !important;
	  object-fit: cover;
	  max-height: 515px;
}
.content-btn-addtocard, .btn-add-to-card-sp {
	margin: 1rem 0;
}
.btn-add-to-card-sp {
	margin-left: 1rem;
}
.img-product-listing {
	width: 150px;
	height: 180px;
}
.img-product-listing img {
	width: 150px;
	object-fit: cover;
	height: 180px !important;
}
.listing-product h3 {
	font-size: 1rem;
}
.gap-col-1 {
	column-gap: 1rem
}
.gap-col-2 {
	column-gap: 2rem
}
.atc-product-listing {
	margin-top: 1.5rem;
}
.content-element-pist{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 150px;
}
.content-element-pist span {
	font-weight: 700;
	color: black;
	font-size: 1.5rem;
}
.other-product {
	margin:2rem 0;
	position: relative;
}
.other-product h2 {
	font-size:1.5rem;
	font-style: italic;
	color: #707070;
	margin: 10px 0;
}
.other-product h2::after {
  content: "";
  display: block;
  border-bottom: 2px solid #ee6161;
  margin-top: 5px;
  position: absolute;
  top: 10px;
  width: 100%;
}
.other-product h2 span {
	background: #ffffff;
	position: relative;
	z-index: 1;
	padding-right: 1.5rem;
}
.element-boucle-product {
  flex-basis: calc(30.33% - 20px);
  margin:20px 10px;
}
.mt-4 {
	margin-top:4rem;
}
.livraison-mode {
	border: 2px solid #ee6161;
	cursor: pointer;
	display: flex;
	justify-content: center;
	column-gap: 0.5rem;
	border-radius: 0.5rem 0;
	font-family: 'CourierPrime-Bold';
	padding: 10px 15px !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	width: 170px;
}
.livraison-mode img {
	width:20px;
}
.livraison-mode input[type="radio"] {
	display: none;
}

.livraison-mode:has(input[type="radio"]:checked) {
	background: #ee6161;
	color:#ffffff;
}

.livraison-mode:has(input[type="radio"]:checked) #velo-1 {
	display:block !important;
}

.livraison-mode:has(input[type="radio"]:checked) #velo-3 {
	display:none !important;
}

.livraison-mode:has(input[type="radio"]:checked) #colis-1 {
	display:block !important;
}

.livraison-mode:has(input[type="radio"]:checked) #colis-3 {
	display:none !important;
}

.add_to_cart_button {
	background: #ee6161 !important;
	color:#ffffff !important;
	border-radius: 0.5rem 0 !important;
	padding: 10px 15px !important;
	font-size: 0.75rem !important;
	font-weight: 400 !important;
	width: 155px;
	font-family: 'CourierPrime-Bold';
	/*display: flex !important;*/
	justify-content: center;
}

.livraison-mode:has(input[type="radio"]:disabled) {
	border: 2px solid #ccc !important;
	color:#ccc !important;
}

.livraison-mode:has(input[type="radio"]:disabled) #velo-3,
.livraison-mode:has(input[type="radio"]:disabled) #colis-3 {
	filter: opacity(0.5);
}

.sc-tiret:last-child, .sc-tiret-categ:last-child {
	display:none;
}

.text-color-primary {
	color:#ee6161;
}

.mode-livraison-text {
	font-size:12px;
}

.title-product {
	color:#707070 !important;
}


/******************PAGE CHECKOUT  ***********************/
.page-id-358 .entry-content {
  margin-top: 8em;
}
.page-id-358 {
	background: #f6f6f6;
}

.checkout-content {
	margin: 0 auto;
	max-width: 870px;
	position: relative;
}

.checkout-column {
	width: calc(50% - 16.5px);
}

.section-custom{
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 22px;
}
.section-custom.checkout-incomplete {
  margin-bottom: 22px;
}

/* Définition du compteur */
.checkout-content {
    counter-reset: section-counter;
}
  
/* Cibler les titres h2 */
.checkout-title h2 {
	display: inline-block;
	margin-right: 10px; /* Espace entre le numéro et le titre */
}

/* Utilisation du compteur pour les titres h2 */
.checkout-title h2::before {
	counter-increment: section-counter;
	content: counter(section-counter) ". "; /* Afficher le numéro suivi d'un point */
	color: #313131;
	margin-right: 0.25em;
	font-size: 20px;
	font-family: "CourierPrime-Bold";
}

.checkout-title h2 {
	margin-bottom: 0;
}

.checkout-title h2,
.checkout-content-cart h3#order_review_heading {
	color: #313131;
	font-size: 20px;
	font-family: "CourierPrime-Bold";
}

.toggle-section {
	cursor: pointer;
}

.unauthorised {
    cursor: not-allowed;
}

/*****section connexion et inscription****/
.checkout-section-mail .tab-link {
	font-size: 16px;
	font-family: "CourierPrime-Regular";
}

.checkout-content .content-info .checkout-section-mail .tabs .tab-link {
	display: inline-block;
}

.checkout-content .content-info .checkout-section-mail .tabs .tab-link.current {
	margin-left: 0;
}

.checkout-content .content-info .checkout-section-mail .tabs .tab-link {
	margin-left: 1rem;
}

div#tab-login p {
	text-align: center;
}
div#tab-login .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  margin-top: 1em;
  margin-bottom: 1em;
}
.checkout-section-mail .section-content-mail ul.tabs {
  margin-top: 1em;
}
.section-content-mail span {
    font-family: 'CourierPrime-Regular';
    font-size: 16px;
}

div#tab-register h2 {
	font-size: 20px;
	font-family: "CourierPrime-Regular";
	text-align: center;
	border-bottom: 1px solid #000000;
}
#tab-login .woocommerce-Button.button ,
#tab-register .woocommerce-Button.button {
  background-color: #ee6161;
  border-radius: 10px 0px 10px 0px;
  border: 1px solid #ee6161;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  font-family: "CourierPrime-Regular";
  padding: 12px;
  text-decoration: none;
}
#tab-login .woocommerce-Button.button:hover,
#tab-register .woocommerce-Button.button:hover {
    background-color: #fff;
    color: #ee6161;
}
/****section connexion et inscription*****/

/****section modes de livraison****/
.checkout-section-livraison .section-content-livraison.element-content {
    border: 1px solid rgb(231, 231, 231);
    padding: 16px 16px 6px;
    margin-top: 22px;
}
.checkout-section-livraison .section-content-livraison .shipping-check .check-title label.title-shipping {
    text-transform: uppercase;
    font-size: 16px;
	font-family: "CourierPrime-Regular";
}

.checkout-section-livraison .section-content-livraison .control-check {
    border-bottom: 1px solid rgb(231, 231, 231);
}

.checkout-section-livraison .section-content-livraison .shipping-check {
    margin-bottom: 22px;
}

.shipping_method,
label[for="element_shipping_method_0_flat_rate8"],
label[for="element_shipping_method_0_free_shipping9"]{
	font-family: "CourierPrime-Regular";
	font-size:16px;
}
.checkout-section-livraison .section-content-livraison .woocommerce-billing-fields__field-wrapper.shipping-default .form-row label {
    display: block;
    font-family: "CourierPrime-Regular";
    font-size: 16px;
}

.checkout-section-livraison .section-content-livraison  .form-row input.input-text, 
.checkout-section-livraison .section-content-livraison  .form-row textarea, 
.checkout-section-livraison .section-content-livraison  .form-row select{
    font-family: "CourierPrime-Regular";
    font-size: 16px;
}

button#ajax-save-billing-info {
    background-color: #ee6161;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #ee6161;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
	font-family: "CourierPrime-Regular";
    padding: 12px;
    text-decoration: none;
}
button#ajax-save-billing-info:hover  {
    background-color: #fff;
    color: #ee6161;
}
button#ajax-save-billing-info:active{
	 border: 1px solid #ee6161 !important;
}
/****section modes de livraison****/

/****section paiement****/
.woocommerce-checkout #payment label[for="payment_method_cod"]{
	font-family: "CourierPrime-Regular";
	font-size:16px;
}
button#place_order {
    background-color: #ee6161;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #ee6161;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
	font-family: "CourierPrime-Regular";
    padding: 12px;
    text-decoration: none;
}
button#place_order:hover {
    background-color: #fff;
    color: #ee6161;
}
/****section paiement****/

/****section recapitulatif de commande****/
.checkout-column.content-cart:last-child {
  position: absolute;
  right: 0;
  top: 0;
}
.checkout-content-cart.section-custom {
  height: 420px;
}
.checkout-content-cart .cart-totals-product {
	font-size: 16px;
	font-family: 'CourierPrime-Regular';
}
#order_review table.shop_table.woocommerce-checkout-review-order-table {
    border: none;
}
#order_review table.shop_table.woocommerce-checkout-review-order-table td,
#order_review table.shop_table.woocommerce-checkout-review-order-table th {
    border-top: none;
}
div#order_review thead {
    display: none;
}
.checkout-content-cart .cart-totals-product {
  max-height: 315px;
	overflow-x: hidden;
  overflow-y: auto;	
}
/* Personnalisation des barres de défilement pour Firefox */
.checkout-content-cart .cart-totals-product {
  scrollbar-width: thin; /* Cette propriété devrait fonctionner dans Firefox */
}
/* Personnalisation des barres de défilement pour Chrome , Safari */
.checkout-content-cart .cart-totals-product::-webkit-scrollbar {
	  width: 6px; 
	}

.checkout-content-cart .cart-totals-product::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px; 
}
.checkout-content-cart .cart-totals-product .product-thumbnail {
  padding: 9px 0 !important;
}
/****section recapitulatif de commande****/

/**page mon compte**/
.page-id-359 .entry-content {
  margin-top: 8em;
}
.woocommerce-ResetPassword.lost_reset_password {
	padding: 40px 0;
	width: 70%;
	margin: 0 auto;
}
/**page mon compte**/
/**Custom Dashboard**/
div#customer_login {
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
}
div#customer_login .u-column1.col-1,
div#customer_login .u-column2.col-2  {
  flex: 0 0 50%;
  max-width: 80%;
	padding: 40px;
}
div#customer_login  .woocommerce-button.button.woocommerce-form-login__submit,
div#customer_login .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit{
	background-color: #ee6161;
	border: 1px solid #ee6161;
	border-radius: 10px 0px 10px 0px;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	font-family: 'CourierPrime-Bold';
	padding: 12px;
	position: relative;
	right: 0;
	text-decoration: none;
	width: 200px;
	z-index: 9999;
}
div#customer_login  .woocommerce-button.button.woocommerce-form-login__submit:hover,
div#customer_login .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover{
	background-color: #fff;
    color: #ee6161;
}
div#customer_login .woocommerce form.login,
div#customer_login .woocommerce form.register {
  border: none;
}
div#customer_login .form-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

/*dashboard*/
.page-id-359 .woocommerce {
    background: #f7f7f7;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0 1em;
}
.woocommerce-MyAccount-navigation-link a {
	border-bottom: 1px solid #dedede;
    color: #3a3d47;
    font-size: 16px;
    font-family: 'CourierPrime-Regular';
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    border-right: 1px solid #dedede;
    margin-top: 40px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 70%;
    margin-top: 40px;
	margin-right: 10px;
	text-align: justify;
}
li.woocommerce-MyAccount-navigation-link {
    margin-bottom: 20px;
}
.woocommerce-MyAccount-content a {
    color:  #3a3d47;
}
/*Commandes*/
table.woocommerce-orders-table{
	 color: #3a3d47;
    font-family: 'CourierPrime-Regular';
}
.woocommerce-MyAccount-content a.woocommerce-button.button.view {
    background-color: #ee6161;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #ee6161;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.woocommerce-MyAccount-content a.woocommerce-button.button.view:hover{
	background-color: #fff;
    color: #ee6161;
}
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a{
	 color: #3a3d47;
}
.woocommerce table.my_account_orders th {
    padding: 4px 8px;
    vertical-align: middle;
    text-align: center;
	font-size: 16px;
}
.woocommerce table.my_account_orders{
	 font-size: 14px;
}

/*Voir commandes*/
h2.woocommerce-order-details__title{
	font-size: 24px;
	text-align: center;
}
section.woocommerce-order-details,
section.woocommerce-order-details a {
    font-family: 'CourierPrime-Regular';
    color: #3a3d47;
    font-size: 16px;
}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2{
	flex: 0 0 50%;
	max-width: 80%;
	padding-left: 0;
}
.woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1 h2,
.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 h2{
	font-size: 24px;
	margin-top: 1em;
}
.woocommerce .woocommerce-customer-details address{
	font-family: 'CourierPrime-Regular';
	color: #3a3d47;
	font-size: 16px;
}

/*Adress*/
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
	flex: 0 0 50%;
	max-width: 80%;
	padding: 24px;
}
.u-columns.woocommerce-Addresses.col2-set.addresses h3{
	font-size: 24px;
}
.woocommerce-Address address {
	color: #3a3d47;
	font-size: 14px;
	font-family: 'CourierPrime-Regular';
}
.woocommerce-account .addresses .title .edit {
    background: #ee6161;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #ee6161;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
	font-family: 'CourierPrime-Regular';
    float: right;
	margin-bottom: 1em;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
    width: 100px;
}
.woocommerce-account .addresses .title .edit:hover{
	background-color: #fff;
    color: #ee6161;
}

/*Edit-Adress*/
.woocommerce-MyAccount-content h3 {
    font-size: 24px;
    margin-bottom: 1em;
	text-align: center;
}
.woocommerce-address-fields input.input-text, 
.woocommerce-address-fields  textarea{
	color: #3a3d47;
	font-size: 16px;
	font-family: 'CourierPrime-Regular';
}
.woocommerce-address-fields button.button{
	background-color: #ee6161;
	border-radius: 10px 0px 10px 0px;
	border: 1px solid #ee6161;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
	padding: 12px;
	text-decoration: none;
}
.woocommerce-address-fields button.button:hover{
	background-color: #fff;
	color: #ee6161;
}

/*Edit-compte*/
form.woocommerce-EditAccountForm.edit-account legend {
	color: #3a3d47;
    font-size: 24px;
   font-family: 'CourierPrime-Bold';
    padding-top: 14px;
	text-align: center;
}
form.woocommerce-EditAccountForm.edit-account input.input-text, form.woocommerce-EditAccountForm.edit-account textarea{
	color: #3a3d47;
    font-size: 16px;
    font-family: 'CourierPrime-Regular';
}
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    background-color: #ee6161;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #ee6161;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    padding: 12px;
    text-decoration: none;
}
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover {
	background-color: #fff;
    color: #ee6161;
}

/*Mot de passe perdu*/
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button{
	background-color: #ee6161;
	border-radius: 10px 0px 10px 0px;
	border: 1px solid #ee6161;
	box-shadow: none;
	color: #fff;
	font-size: 16px;
	padding: 12px;
	text-decoration: none;
}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-Button.button:hover{
	background-color: #fff;
    color: #ee6161;
}
/**Custom Dashboard**/
/******************PAGE CHECKOUT  ***********************/



  

